import React from "react";
import SvgIcon from "@/components/SvgIcon/SvgIcon";
import { useNavigate } from "react-router-dom";
import "./Service.scss";

const Service = () => {
   const navigate = useNavigate();
   return (
      <div className="service">
         <div className="service-header">
            <span>我的服务</span>
         </div>
         <div className="service-list">
            <div className="service-item" onClick={() => navigate("/take-address")}>
               <SvgIcon name="address" width="25px" height="25px"></SvgIcon>
               <span>收货地址</span>
            </div>
            <div className="service-item">
               <SvgIcon name="pack" width="25px" height="25px"></SvgIcon>
               <span>领券中心</span>
            </div>
            <div className="service-item">
               <SvgIcon name="assist" width="25px" height="25px"></SvgIcon>
               <span>优惠券</span>
            </div>
            <div className="service-item">
               <SvgIcon name="assist" width="25px" height="25px"></SvgIcon>
               <span>我的帮助</span>
            </div>
            <div className="service-item">
               <SvgIcon name="points" width="25px" height="25px"></SvgIcon>
               <span>我的积分</span>
            </div>
            <div className="service-item">
               <SvgIcon name="sale" width="25px" height="25px"></SvgIcon>
               <span>退换/售后</span>
            </div>
         </div>
      </div>
   );
};

export default Service;
